<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>任务</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/header.css" />
    <link rel="stylesheet" type="text/css" href="css/home_task_con.css" />
    
</head>

<body>
    <div id="app" v-cloak>
        <section class="aui-content contentBox">

            <!--无评价信息不展示该数据栏-->
            <div v-if="rateList.length>0" v-for="itemrate in rateList" class="aui_list boxarea mb20">
                <div class="ptb10">
                    <div>
                        <div class="aui-content">
                            <div class="pj-content-title pj-comment">
                                {{rateValueist[itemrate.RateStar-1]}}
                            </div>
                            <div class="new-aui-rate">
                                <label v-for="index of 5" class="rate_star">
                                    <img v-if="itemrate.RateStar<index" class="new-rate" src="../image/starunfillblue.svg" />
                                    <img v-if="itemrate.RateStar>=index" class="new-rate" src="../image/starfillblue.svg" />
                                </label>
                            </div>
                            <div v-if="itemrate.RateComment!=undefined&&itemrate.RateComment!=''&&itemrate.RateComment!=null" class="pj-content-title">{{itemrate.RateComment}}</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="aui_list boxarea mb20">
                <div class="work_title">
                    {{form.typename}}
                    <i v-if="showorder" v-on:click="showOrderAll()" class="icon iconfont icon-shangjiantou ccc fr"></i>
                    <i v-if="!showorder" v-on:click="showOrderAll()" class="icon iconfont icon-down ccc fr"></i>
                </div>
                <div class="pb10">
                    <div class="contentbg">
                        <div v-if="form.fullname!=''" class="content-title">
                            {{form.fullname}}
                        </div>
                        <div v-if="form.content!=''" class="font-color">
                            {{form.content}}
                        </div>
                        <div class="aui-content ">
                            <div class="handle_img_list">
                                <div class="task_con_image">
                                    <img class="aui-img-object" v-for="itemImg in form.imagelist" v-on:click="img_browser(itemImg)" v-bind:src="itemImg.imgurl" />
                                    <div class="cl"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--工单基础信息展示-->
                    <div v-if="showorder&&form.FinalServiceTypeID==1" class="mt20">
                        <div class="mb10 ">
                            <label class="label-text-width ccc">区域</label>
                            <label>{{form.serviceArea}}  <span v-if="form.serviceFee!=''" class="label-btn-blue">{{form.serviceFee}}</span></label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">报修时间</label>
                            <label>{{form.addTime}}  <span v-if="form.serviceTimeOut==1" class="label-btn-red">超时</span> </label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">工单编号</label>
                            <label>{{form.serviceNumber}}</label>
                        </div>
                        <div v-if="form.serviceArea=='个人区域'" class="mb10">
                            <label class="label-text-width ccc">预约时间</label>
                            <label>{{form.ServiceAppointTime?form.ServiceAppointTime:'--'}}<span v-if="form.ServiceAppointEndTime">-{{form.ServiceAppointEndTime}}</span></label>
                        </div>
                    </div>
                </div>
            </div>

            <div class="aui_list boxarea mb20">
                <div v-if="form.FinalServiceTypeID==1" class="work_title">报修人</div>
                <div v-if="form.FinalServiceTypeID==2" class="work_title">提交人</div>
                <div class="ptb10">
                    <div class="aui-content new-photo-content" >
                        <div class="photo-content">
                            <div>
                                <img v-if="form.headImg==''||form.headImg==undefined||form.headImg=='undefined'" class="photo-bg" src="https://atts.w3cschool.cn/attachments/image/cimg/demo3.png">
                                <img v-if="form.headImg!=''&&form.headImg!=undefined&&form.headImg!='undefined'" class="photo-bg" :src="form.headImg" alt="">
                            </div>
                            <div v-if="form.relateTypeDesc!=''" class="photo-text">
                                {{form.relateTypeDesc}}
                            </div>
                        </div>
                        <div class="content-phone ml20">
                            <div class="content-user"><label class="content-label">{{form.customername}}</label></div>
                            <div class="content-userphone  ml20"><label class="content-label">{{form.customerphone}}</label></div>
                            <div v-if="form.customerphone!=''" v-on:click="tel_phone2(form.customerphone)" class="aui-list-item-label-icon new-label-icon" >
                                <i class="icon iconfont icon-iconfontcolor39 new-icon"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--工单轨迹-->
            <div class="aui_list boxarea mb20">
                <div class="work_title">工单轨迹</div>
                <div class="ptb10">
                    <ul class="processul">
                        <li class="processulli  li-border-color-grey" v-if="index<=0||showproess" v-for="(item,index) in form.processlist">
                            <div class="task_process_con">
                                <div class="handle">
                                    <div class="task_process_basic_title">
                                        <div class="task_process_basic_title_name fl">
                                            <div class="fl">{{item.title}}</div>
                                            <div class="cl"></div>
                                        </div>

                                        <div class="task_process_basic_title_time ccc fr">{{item.processtime}}</div>
                                        <div class="cl"></div>
                                    </div>
                                    <div class="">
                                        <div class="handle_con_msg ">
                                            <span v-if="item.username!=''&&item.username!=null">【{{item.username}}】完成了工单【{{item.title}}】。</span>
                                            <span v-if="item.sendUserNames!=''&&item.sendUserNames!=undefined&&item.sendUserNames!=null">选择接单人：{{item.sendUserNames}}。</span>
                                            {{item.content}}
                                        </div>
                                        <div class="handle_img_list" v-if="item.imgList.length>0">
                                            <div class="task_con_image">
                                                <img v-for="item2 in item.imgList" v-on:click="img_browser(item2)" v-bind:src="item2.imgurl" />
                                                <div class="cl"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="hide_height"></div>
                            </div>
                        </li>
                    </ul>

                    <div v-if="form.processlist.length>1" class="proess-select mb20" v-on:click="showProessAll()">
                        查看详情
                        <i v-if="showproess" class="icon iconfont icon-shangjiantou"></i>
                        <i v-if="!showproess" class="icon iconfont icon-down"></i>
                    </div>

                </div>
            </div>


            <div v-if="form.FinalServiceTypeID==1" class="aui_list boxarea mb20">
                <div class="work_title">
                    收费记录
                    <i v-if="form.canHandle" v-on:click="do_add_fee()" class="icon iconfont icon-addApp ccc fr"></i>
                </div>
                <div class="">
                    <div class="aui-content">
                        <!--无收费记录时-->
                        <div v-if="moneylist.length<=0" class="hide-nodata mb20">
                            <label>暂无收费记录</label>
                        </div>
                        <!--有收费记录时-->
                        <div v-if="moneylist.length>0" v-for="(item,index) in moneylist">
                            <div class="mb10">
                                <label class="ccc">
                                    {{item.ChargeName}}
                                    <label v-if="item.RealCost<=0" class="label-btn-grey">应收</label>
                                    <label v-if="item.RealCost>0" class="label-btn-blue">实收</label>
                                </label>
                                <label class="label-fr">￥ {{item.RealCost<=0?item.TotalCost:item.RealCost}}</label>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div v-if="form.FinalServiceTypeID==1" class="aui_list boxarea mb20">
                <div class="work_title">
                    领料记录
                    <i v-if="form.canHandle" v-on:click="do_add_product()" class="icon iconfont icon-addApp ccc fr"></i>
                    <!-- <i v-if="materiallist.length>0&&form.canHandle&&fhlist.length>0" v-on:click="do_return_product()" class="icon iconfont icon-zhongxin ccc fr mr10"></i> -->
                </div>
                <div class="">
                    <div class="aui-content">
                        <!--无领料记录时-->
                        <div v-if="materiallist.length<=0" class="hide-nodata mb20">
                            <label>暂无领料记录</label>
                        </div>
                        <!--有领料记录时-->
                        <div v-if="materiallist.length>0" v-for="(item,index) in materiallist" @click="do_return_product">
                            <div class="mb10">
                                <label class="ccc">
                                    {{item.ProductName}} | {{item.ModelNumber}}{{item.Unit}}
                                    <label class="label-btn-grey">申请：{{item.InTotalCount}}</label>
                                </label>
                                <!--实际使用数量Applicationstatus---状态TotalCount---实际使用数量-->
                                <label class="label-fr">x {{item.TotalCount}}</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--回访记录为空时，不展示该信息栏-->
            <div v-if=callBackData.length>
                <div class="aui_list boxarea mb20">
                    <div class="work_title">回访记录</div>
                    <div class="ptb10">
                        <div class="aui-content" v-for="itemback in callBackData">
                            <div class="ccc">{{itemback.RealName}} <span class="ml5">{{itemback.AddTime}}</span>  回访</div>
                            <div class="mb20 mt5">{{itemback.HuiFangNote}}</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- con end-->

            <div class="new-btn-bottom" v-if="typetj!=1">
                <!--待受理-->
                <div v-if="form.canAccept&&operation.canAccept" class="new-blue-btn" v-on:click="do_isShouli()">受理</div>
                <div v-if="form.canClose&&operation.canClose" class="new-blue-btn" v-on:click="doCloseOrder()">关单</div>
                <!--待派单 -->
                <div v-if="form.canSend&&operation.canSend" class="new-blue-btn" v-on:click="do_canpublish(1)">派单</div>
                <!--<div v-if="form.canClose" class="new-blue-btn" v-on:click="doCloseOrder()">关单</div>-->
                <!--待接单-->
                <div v-if="form.canAcceptOrder&&operation.canAcceptOrder" class="new-blue-btn" v-on:click="doAccpetOrder()">接单</div>
                <div v-if="form.canRefuse&&operation.canRefuse" class="new-blue-btn" v-on:click="doRefuseOrder()">拒绝</div>
                <div v-if="form.canChuidan&&operation.canChuidan" class="new-blue-btn" v-on:click="doUrgeOrder()">催单</div>
                <div v-if="form.canAfreshSend&&operation.canAfreshSend" class="new-blue-btn" v-on:click="do_canpublish(4)">重派</div>
                <!--处理中-->
                <div v-if="form.canHandle&&operation.canHandle" class="new-blue-btn" v-on:click="do_complete(1)">处理</div>
                <div v-if="form.canComplete&&operation.canComplete" class="new-blue-btn" v-on:click="do_complete(2)">完工</div>

                <!--已完工-->
                <!--<div v-if="form.canClose" class="new-blue-btn" v-on:click="doCloseOrder()">关单</div>-->
                <div v-if="form.canVisit&&operation.canVisit" class="new-blue-btn" v-on:click="do_complete(3)">回访</div>

            </div>

            <!--<div v-if="form.canoperaiton && !isviewdetail" class="function top-line">
    <div class="function_btn_list">
        <div v-if="form.cangrab" v-on:click="do_grab()" class="function_btn">
            抢单
        </div>
        <div v-if="form.canpublish" v-on:click="do_canpublish()" class="function_btn">
            派单
        </div>
        <div v-if="form.canaccpet" v-on:click="do_accpet()" class="function_btn">
            接受
        </div>
        <div v-if="form.canprocess" v-on:click="do_complete()" class="function_btn">
            处理
        </div>-->
            <!-- <div v-if="form.cancomplete" v-on:click="do_complete()" class="function_btn">
      办结（完工）
    </div> -->
            <!--<div v-if="form.canxietong" v-on:click="open_xietong()" class="function_btn">
        协同
    </div>-->
            <!-- <div v-if="form.cantransfer" v-on:click="open_transfer()" class="function_btn">
      转交
    </div> -->
            <!--<div v-if="form.canreturnback" v-on:click="do_returnback()" class="function_btn">
                回退
            </div>
        </div>
    </div>-->
        </section>
    </div>
  
</body>
<script type="text/javascript " src="../script/api.js"></script>
<script type="text/javascript " src="../script/vue.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="../script/moment/moment.js"></script>
<script type="text/javascript " src="js/home_task_con.js"></script>

</html>
